<?xml version="1.0" encoding="ISO-8859-1" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:c="http://java.sun.com/jstl/core"
    xmlns:tr="http://myfaces.apache.org/trinidad"
    xmlns:trh="http://myfaces.apache.org/trinidad/html">

    <trh:tableLayout styleClass="statusbarTable" cellSpacing="0" cellPadding="2">
        <trh:rowLayout halign="center">
            <trh:cellFormat styleClass="carnotStatusbarHeaderColumn carnotStatusbarBorderRight" header="true">
                <tr:outputText value="#{localeBundle.stateOfRoles}" styleClass="af|column::header-text"/>
            </trh:cellFormat>
            <trh:cellFormat columnSpan="2" styleClass="carnotStatusbarHeaderColumn carnotStatusbarBorderRight" header="true">
                <tr:outputText value="#{localeBundle.currentTaskState}" styleClass="af|column::header-text"/>
            </trh:cellFormat>
            <trh:cellFormat header="true" styleClass="carnotStatusbarHeaderColumn">
                <tr:outputText value="#{localeBundle.todayCompleted}" styleClass="af|column::header-text"/>
            </trh:cellFormat>
        </trh:rowLayout>
        <trh:rowLayout halign="center">
            <trh:cellFormat styleClass="carnotStatusbarHeaderColumn carnotStatusbarBorderBottom carnotStatusbarBorderRight" header="true">
                <tr:spacer width="1px"/>
            </trh:cellFormat>
            <trh:cellFormat styleClass="carnotStatusbarHeaderColumn carnotStatusbarBorderBottom" header="true">
                <tr:outputText value="#{localeBundle.waitingActivities}" styleClass="af|column::header-text"/>
            </trh:cellFormat>
            <trh:cellFormat styleClass="carnotStatusbarHeaderColumn carnotStatusbarBorderBottom carnotStatusbarBorderRight" header="true">
                <tr:outputText value="#{localeBundle.criticalExceeded}" styleClass="af|column::header-text"/>
            </trh:cellFormat>
            <trh:cellFormat styleClass="carnotStatusbarHeaderColumn carnotStatusbarBorderBottom" header="true">
                <tr:spacer width="1px"/>
            </trh:cellFormat>
        </trh:rowLayout>

        <trh:rowLayout>
            <trh:cellFormat valign="top" styleClass="carnotStatusbarBorderRight carnotStatusbarCellContent">
                <tr:panelFormLayout>
                    <tr:selectOneChoice value="#{processPortalStatusbar.selectedParticipant}"
                        autoSubmit="true" id="selectedParticipantInSB" label="#{localeBundle.currentRole}:">
                        <f:selectItems value="#{processPortalStatusbar.allParticipants}"/>
                    </tr:selectOneChoice>
                    <tr:spacer height="5px"/>
                    <tr:inputText value="#{processPortalStatusbar.statusbarData.activeUserCount}"
                        label="#{localeBundle.activeUserInRole}:" readOnly="true"/>
                    <tr:inputText value="#{processPortalStatusbar.statusbarData.totalUserCount}"
                        label="#{localeBundle.totalUserInRole}:" readOnly="true"/>
                </tr:panelFormLayout>
            </trh:cellFormat>
            <trh:cellFormat styleClass="carnotStatusbarCellContent">
                <div class="priorityDiagram">
                    <ui:include src="priority-diagram.xhtml">
                        <ui:param name="priorityData" 
                            value="#{processPortalStatusbar.statusbarData.openTasks}"/>
                        <ui:param name="barColorClass" value="normalColor"/>
                    </ui:include>
                </div>
            </trh:cellFormat>
            <trh:cellFormat styleClass="carnotStatusbarBorderRight carnotStatusbarCellContent">
                <div class="priorityDiagram">
                    <ui:include src="priority-diagram.xhtml">
                        <ui:param name="priorityData" 
                            value="#{processPortalStatusbar.statusbarData.criticalOpenTasks}"/>
                        <ui:param name="barColorClass" value="criticalColor"/>
                    </ui:include>
                </div>
            </trh:cellFormat>
            <trh:cellFormat styleClass="carnotStatusbarCellContent">
                <div class="priorityDiagram">
                    <ui:include src="priority-diagram.xhtml">
                        <ui:param name="priorityData" 
                            value="#{processPortalStatusbar.statusbarData.completedTasks}"/>
                        <ui:param name="barColorClass" value="normalColor"/>
                    </ui:include>
                </div>
            </trh:cellFormat>
        </trh:rowLayout>
    </trh:tableLayout>

</ui:composition>